<template>
	<view class="">
		<view class="search">
			<u-search placeholder="请输入查找内容" :showAction='false'></u-search>
		</view>
		<view class="list">
			<view class="list_item between" @click="gohtml">
				<view class="display align">
					<img class="list_item_img" src="/static/html.png" alt="" srcset="">
					<view class="list_item_left_font">
						<view class="">
							前端HTML
						</view>
						<view class="red">
							以面为学、免费开放
						</view>
					</view>
				</view>
				<view class="red align">
					NEW
					<img class="list_item_icon" src="/static/icon/rightlogo.png" alt="" srcset="">
				</view>
			</view>
			
			<view class="list_item between">
				<view class="display align">
					<img class="list_item_img" src="/static/html.png" alt="" srcset="">
					<view class="list_item_left_font">
						<view class="">
							前端 CSS
						</view>
						<view class="red">
							最新试题、免费开放
						</view>
					</view>
				</view>
				<view class="red align">
					
					<img class="list_item_icon" src="/static/icon/rightlogo.png" alt="" srcset="">
				</view>
			</view>
			<view class="list_item between">
				<view class="display align">
					<img class="list_item_img" src="/static/html.png" alt="" srcset="">
					<view class="list_item_left_font">
						<view class="">
							精选试题
						</view>
						<view class="hui">
							精选汇总面试题
						</view>
					</view>
				</view>
				<view class="red align">
					
					<img class="list_item_icon" src="/static/icon/rightlogo.png" alt="" srcset="">
				</view>
			</view>
			<view class="list_item between">
				<view class="display align">
					<img class="list_item_img" src="/static/html.png" alt="" srcset="">
					<view class="list_item_left_font">
						<view class="">
							前端VUE
						</view>
						<view class="hui">
							举一反三、高效记忆
						</view>
					</view>
				</view>
				<view class="red align">
					
					<img class="list_item_icon" src="/static/icon/rightlogo.png" alt="" srcset="">
				</view>
			</view>
			<view class="list_item between">
				<view class="display align">
					<img class="list_item_img" src="/static/html.png" alt="" srcset="">
					<view class="list_item_left_font">
						<view class="">
							前端 react
						</view>
						<view class="hui">
							精选真题、面试容易
						</view>
					</view>
				</view>
				<view class="red align">
					
					<img class="list_item_icon" src="/static/icon/rightlogo.png" alt="" srcset="">
				</view>
			</view>
			<view class="list_item between">
				<view class="display align">
					<img class="list_item_img" src="/static/html.png" alt="" srcset="">
					<view class="list_item_left_font">
						<view class="">
							前端 JS
						</view>
						<view class="hui">
							夯实基础、综合摸底
						</view>
					</view>
				</view>
				<view class="red align">
					
					<img class="list_item_icon" src="/static/icon/rightlogo.png" alt="" srcset="">
				</view>
			</view>
			<view class="list_item between">
				<view class="display align">
					<img class="list_item_img" src="/static/html.png" alt="" srcset="">
					<view class="list_item_left_font">
						<view class="">
							小程序
						</view>
						<view class="hui">
							小程序面试题
						</view>
					</view>
				</view>
				<view class="red align">
					
					<img class="list_item_icon" src="/static/icon/rightlogo.png" alt="" srcset="">
				</view>
			</view>
			<view class="list_item between">
				<view class="display align">
					<img class="list_item_img" src="/static/html.png" alt="" srcset="">
					<view class="list_item_left_font">
						<view class="">
							前端 ES6
						</view>
						<view class="hui">
							新增ES6 属性
						</view>
					</view>
				</view>
				<view class="red align">
					
					<img class="list_item_icon" src="/static/icon/rightlogo.png" alt="" srcset="">
				</view>
			</view>
			<view class="list_item between">
				<view class="display align">
					<img class="list_item_img" src="/static/html.png" alt="" srcset="">
					<view class="list_item_left_font">
						<view class="">
							Node
						</view>
						<view class="hui">
							Node 面试题
						</view>
					</view>
				</view>
				<view class="red align">
					
					<img class="list_item_icon" src="/static/icon/rightlogo.png" alt="" srcset="">
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1: [
					'/static/zhaopin.jpg',
				]
			}
		},
		onLoad() {
	
		},
		methods: {
			gohtml(){
				uni.$u.route('/pages/subject/three');
			},
			goshiti(){
				uni.$u.route('/pages/subject/list');
			},
			goshouchang(){
				uni.$u.route('pages/subject/classification');
			},
			toList(){
				uni.$u.route('/pages/index/list');
			},
		}
	}
</script>

<style scoped>
	.hui{
		color: rgb(203,203,203);
	}
	.list_item_left_font{
		margin-left: 20rpx;
	}
	.red{
		color: rgb(235,90,83);
	}
	.list_item_img{
		width: 70rpx;
		height: 70rpx;
	}
	.list_item_icon{
		width: 30rpx;
		height: 30rpx;
	}
	.search{
		padding: 10rpx;
		box-sizing: border-box;
	}
	.list_item{
		padding: 40rpx 20rpx;
		box-sizing: border-box;
	}
	.list_item:nth-child(odd) {background-color: rgb(248, 248, 248);}
</style>